import Vue from 'vue'		//引入vue
import App from './App'		//main.js为根组件和app.vue 相关联，所有的内容都在app.vue上呈现
import router from  './router'   // 引入路由

//有时你发现会有这种写法例如：
Vue.prototype.$echarts = echarts;
// 也会有这种写法例如：
Vue.use(Router)
// 这两种的区别就是第一种将某些方法直接绑定到原型上面，然后直接通过this点出来就可以使用了，在多个页面都用到的时候可以使用，第二种当每个页面都需要使用到的插件、方法，直接使用vue.use()全局注入，这样我们就不需要在每个页面都单独引入了

Vue.config.productionTip = false  	// 它会阻止你显示生产模式的消息
// 生成的vue跟实例； 创建的每个组件都会生成一个跟实例，并且都会用到跟实例上的属性
new Vue({
    el:'#app',
    router,
    //写法一
    template:'</App>',				//声明成模板
    components:{App},				//注册成组件
    // 写法用render的写法
    render:h => h(App)				// 用render 函数渲染页面
})

